<template>
    <transition name="slide-right">
        <v-touch class="content" v-on:swiperight="" style="overflow: hidden">
            <div class="content-return">
                <span class="address-left mui-icon mui-icon-back" @click="backRoute()"></span>
            </div>
            <div class="content-mnemonic">
                <div class="mnemonic-iconfont"><img src="@/assets/img/write.png" alt=""></div>
                <div class="mnemonic-title">{{ $t('m.wallet.backup.mnemonic.listTitle') }}</div>
            </div>
            <div class="content-hint">{{ $t('m.wallet.backup.mnemonic.prompt[0]') }}</div>
            <div class="mnemonic-english">{{ walletDecode.mnemonic }}</div>
            <a @click="changeRoute('/wallet/backup/verify')">
                <div class="backup-mnemonic-next">{{ $t('m.wallet.backup.mnemonic.prompt[1]') }}</div>
            </a>
            <alert_shot></alert_shot>
        </v-touch>
    </transition>
</template>
<script>
    export default {
        name: 'wallet_backup_mnemonic',
        created() {
            this.aAlert_shot({
                show: true,
            });
        },
        mounted() {
        },
        data() {
            return {}
        },
        methods: {}
    }
</script>
<style scoped>
    @import '../../../assets/css/backupMnemonic.css';

    .content {
        background: #ffffff !important;
    }
</style>